<!--
gbl 搜索结果地区 html
描述: 地区内信息内容
最后修改时间：9.19/13:54
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>区域美食</title>
    <!-- 链接css文件 -->
    <link rel="stylesheet" href="css/home/areashow.css">
    <link rel="stylesheet" href="css/quote/bootstrap.css">
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/footer.css">

    <script src="js/quote/jquery-3.4.1.js"></script>
    <script src="js/quote/bootstrap.js"></script>
    <script src="js/home/areashow.js"></script>
    <script src="js/quote/hf.js"></script>
</head>
<body>
<div class="page-content">
    <!-- 渐进栏 -->
    <br/>
    <div class="container">
        <div class="area_two">
            <div class="area_info">
                <div class="area_name">
                    <h1><a id="thisTitle" href="">黄山</a></h1>
                    <p>吃游旅游网为你找到以下结果</p>
                </div>
            </div>
            <div class="area_describe">
<!--                <span id="titleSpan">欢迎来到黄山</span>-->
            </div>
        </div>
    </div>
    <div class="container">
        <div class="area_menu2">
            <div class="menu2">
                <!-- 分类标题 -->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">综合</a></li>
                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">销量</a></li>
                    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">价格</a></li>
                    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">好评最多</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="area_show_more" style="background-color: #F8F8F8">
        <div class="container">
            <!-- 标题内容 -->
            <div class="tab-content hot_eat1">
                <br>
                <div role="tabpanel " class="tab-pane eats_list active" id="home" style="height: 600px">
                    <div class="row" id="areaFood1">

                    </div>
                </div>
                <div role="tabpanel" class="tab-pane eats_list" id="profile" style="height: 600px">
                    <div class="row" id="areaFood2">

                    </div>
                </div>
                <div role="tabpanel" class="tab-pane eats_list" id="messages" style="height: 600px">
                    <div class="row" id="areaFood3">

                    </div>
                </div>
                <div role="tabpanel" class="tab-pane eats_list" id="settings" style="height: 600px;">
                    <div class="row" id="areaFood4">

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
<script type="text/javascript" src="eatwebjs/areashow.js" charset="UTF-8"></script>
</html>
